<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="demo.css">

</head>
<body style="background-color: #f8f8f8;">
    <!-- 头部 -->
    <header>
        <div class="container">
            <div class="row">
                <!-- 图标 -->
                <div class="logo">
                    <a class="logo-brand">
                        <div class="logo-bg">
                            <figure class="logo-up"></figure>
                        </div>
                    </a>
                </div>
                <!-- 文字部分 -->
                <div class="head-introdution">
                    <ul class="head-introdution intr">
                        <li>
                            <a href="">关于我们</a>
                        </li>
                        <li>
                            <a href="">途欢健康</a>
                        </li>
                        <li>
                            <a href="">价值聚焦</a>
                        </li>
                        <li>
                            <a href="">联系我们</a>
                        </li>
                        <li>
                            <a href="">公司动态</a>
                        </li>
                        <li>
                            <a href="">加入我们</a>
                        </li>
                    </ul>
                    <form class="head-introdution downapp">
                        <a>下载途欢健康</a>
                    </form>
                </div>
            </div>
        </div>
    </header>
    <!-- 中间框架 -->
    <section style="min-height: 750px; z-index: 20;">
        <!-- 展示框 -->
        <div class="display-kuang">
            <img src="Images/Myimg.png" id="Myimg">
        </div>
        <!-- 主体内容 -->
        <div class="section main-container">
            <div class="main-container row">
                <!-- 动态 -->
                <div class="company-dynamics">
                    <dl>
                        <dt>
                            <span>03-10</span>
                            <span>2020</span>
                        </dt>
                        <dd>
                            <h3 style="font-size: 20px; margin: 0;">
                                <a style="color: #333;" syhref="">
                                    <b>小心！最近咳痰喘的人变多，多种慢性病高发</b>
                                </a>
                            </h3>
                            <div class="company-info">
                                <p>疫情期间如果身边多人出现咳嗽、咳痰、喘息、发热、流鼻涕……可能很多人都会紧张：我被包围了？</p>
                                <a style="color: #3bbe7a;cursor: pointer;">阅读更多&nbsp;></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <span>03-10</span>
                            <span>2020</span>
                        </dt>
                        <dd>
                            <h3 style="font-size: 20px; margin: 0;">
                                <a style="color: #333;" syhref="">
                                    <b>耳屎栓塞、耳朵痛、耳朵发霉……这都是错误掏耳朵的代价</b>
                                </a>
                            </h3>
                            <div class="company-info">
                                <p>很多人都喜欢掏耳朵。洗澡完要掏，游泳完要掏，没事的时候也喜欢用棉签或者挖耳勺捣鼓几下。但这样掏其实掏不出来什么，反而会让耳朵被堵住。</p>
                                <a style="color: #3bbe7a;cursor: pointer;">阅读更多&nbsp;></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <span>02-09</span>
                            <span>2020</span>
                        </dt>
                        <dd>
                            <h3 style="font-size: 20px; margin: 0;">
                                <a style="color: #333;" syhref="">
                                    <b>疫情「拐点」来了，但现在才是疫情防控最严峻的时刻</b>
                                </a>
                            </h3>
                            <div class="company-info">
                                <p>我们大部分人离疫情都很近，甚至居住的小区、附近的街道、身边的亲戚朋友都可能有（疑似）感染者，因此不可避免会担心、焦虑。最近，一直笼罩在紧张气氛下的疫情，终于有两个好消息出现了。</p>
                                <a style="color: #3bbe7a;cursor: pointer;">阅读更多&nbsp;></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <span>02-09</span>
                            <span>2020</span>
                        </dt>
                        <dd>
                            <h3 style="font-size: 20px; margin: 0;">
                                <a style="color: #333;" syhref="">
                                    <b>上班了，怎样才能保护自己不被感染，不把病菌带家？</b>
                                </a>
                            </h3>
                            <div class="company-info">
                                <p>很多朋友已经返岗上班了，疫情期间上班要注意哪些防护问题你都知道</p>
                                <a style="color: #3bbe7a;cursor: pointer;">阅读更多&nbsp;></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <span>09-05</span>
                            <span>2017</span>
                        </dt>
                        <dd>
                            <h3 style="font-size: 20px; margin: 0;">
                                <a style="color: #333;" syhref="">
                                    <b>【途欢动态】途欢参加2017成都医学年会，助力家庭医生蓬勃发展</b>
                                </a>
                            </h3>
                            <div class="company-info">
                                <p>2017年8月26日，由成都医学会主办，成都高新区合作社区卫生服务中心、成都市温江区柳城社区卫生服务中心协办的“成都医学会全科医学与社区卫生专委会成立大会暨学术年会”在成都市天使宾馆隆重开幕。</p>
                                <a style="color: #3bbe7a;cursor: pointer;">阅读更多&nbsp;></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <span>12-15</span>
                            <span>2016</span>
                        </dt>
                        <dd>
                            <h3 style="font-size: 20px; margin: 0;">
                                <a style="color: #333;" syhref="">
                                    <b>【途欢动态】中国首届互联网远程医疗论坛：互联网创新依然是焦点</b>
                                </a>
                            </h3>
                            <div class="company-info">
                                <p> 2016年12月9-10日,中国首届互联网医院与远程医疗论坛在上海顺利拉开帷幕。</p>
                                <a style="color: #3bbe7a;cursor: pointer;">阅读更多&nbsp;></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <span>12-05</span>
                            <span>2016</span>
                        </dt>
                        <dd>
                            <h3 style="font-size: 20px; margin: 0;">
                                <a style="color: #333;" syhref="">
                                    <b>【途欢动态】2016四川全科学术年会完美收官</b>
                                </a>
                            </h3>
                            <div class="company-info">
                                <p>  2016年12月2日，“2016四川全科学术年会”于绵阳如火如荼的举行，互联网+基础医疗备受瞩目。</p>
                                <a style="color: #3bbe7a;cursor: pointer;">阅读更多&nbsp;></a>
                            </div>
                        </dd>
                    </dl>
                    <nav>
                        <ul class="pagination">
                            <li>
                                <a>首页</a>
                            </li>
                            <li>
                                <a>上一页</a>
                            </li>
                            <li>
                                <a>1</a>
                            </li>
                            <li>
                                <a>下一页</a>
                            </li>
                            <li>
                                <a>末页</a>
                            </li>
                        </ul>

                    </nav>
                </div>
            </div>
        </div>
    </section>
    <!-- 尾部 -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="footer-intr">
                    <div class="footer-intr-links">
                        <a>公司动态</a>
                        <div class="bor-line"></div>
                        <a>加入我们</a>
                        <div class="bor-line"></div>
                        <a>企业用户</a>
                        <div class="bor-line"></div>
                        <a>用户使用协议</a>
                    </div>
                    <div class="footer-intr-beizhu">
                        Copyright © 2018 途欢医疗健康科技有限公司 
                        <a style="color: #3bbe7a;text-decoration: none;">蜀ICP备15025302号-1</a>
                    </div>
                </div>
                <div class="footer-Weixin">
                    <div class="Weixin-ma">
                        <div class="popover-top">
                            <div style="padding: 7px;">
                                <figure class="Weixin-logo-ma"></figure>
                            </div>
                        </div>
                    </div>
                    <figure class="Weixin-logo"></figure>
                </div>
                <div class="footer-Weixin">
                    <div class="Shouji-ma">
                        <div class="popover-top">
                            <div style="padding: 7px;">
                                <figure class="shouji-logo-ma"></figure>
                            </div>
                        </div>
                    </div>
                    <figure class="Shouji-logo"></figure>
                </div>
            </div>
        </div>
    </footer>
    <script src="demo.js"></script>
</body>
</html>